<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FreeRTOS学习笔记</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f4f4f4;
        }

        header {
            background: linear-gradient(135deg, #2c3e50, #3498db);
            color: white;
            text-align: center;
            padding: 2rem 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        h1 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }

        nav {
            background-color: #2c3e50;
            padding: 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        nav li {
            margin: 0;
        }

        nav a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 1rem 1.5rem;
            transition: background-color 0.3s;
        }

        nav a:hover {
            background-color: #3498db;
        }

        .container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 2rem;
        }

        .content {
            background-color: white;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        h2 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
        }

        h3 {
            color: #3498db;
            margin: 1.5rem 0 1rem;
        }

        p {
            margin-bottom: 1rem;
        }

        ul, ol {
            margin-left: 2rem;
            margin-bottom: 1rem;
        }

        li {
            margin-bottom: 0.5rem;
        }

        .footer {
            text-align: center;
            padding: 2rem;
            background-color: #2c3e50;
            color: white;
            margin-top: 2rem;
        }

        @media (max-width: 768px) {
            nav ul {
                flex-direction: column;
            }

            .container {
                padding: 0 1rem;
            }

            h1 {
                font-size: 2rem;
            }
        }
    </style>
    <!-- 引入浮动笔记窗口脚本 -->
    <script src="float-notes.js"></script>
</head>
<body>
    <header>
        <h1>FreeRTOS学习笔记</h1>
        <p class="subtitle">实时操作系统核心概念与应用详解</p>
    </header>

    <nav>
        <ul>
            <li><a href="index.html">主页</a></li>
            <li><a href="chapter1.html">基础知识</a></li>
            <li><a href="chapter2.html">任务管理</a></li>
            <li><a href="chapter3.html">任务调度</a></li>
            <li><a href="chapter4.html">内存管理</a></li>
            <li><a href="chapter5.html">队列</a></li>
            <li><a href="chapter6.html">信号量</a></li>
            <li><a href="chapter7.html">软件定时器</a></li>
            <li><a href="image_gallery.html">图片资源</a></li>
        </ul>
    </nav>

    <div class="container">
        <div class="content">
            <h2>欢迎学习FreeRTOS</h2>
            <p>本文档总结了FreeRTOS实时操作系统的各个核心模块和概念，方便快速查阅和学习。</p>
            
            <h3>目录结构</h3>
            <ol>
                <li><a href="chapter1.html">FreeRTOS基础知识</a></li>
                <li><a href="chapter2.html">任务管理</a></li>
                <li><a href="chapter3.html">任务调度</a></li>
                <li><a href="chapter4.html">内存管理</a></li>
                <li><a href="chapter5.html">队列</a></li>
                <li><a href="chapter6.html">信号量</a></li>
                <li><a href="chapter7.html">软件定时器</a></li>
                <li><a href="image_gallery.html">图片资源</a></li>
            </ol>
            
            <h3>关于FreeRTOS</h3>
            <p>FreeRTOS是一个轻量级的实时操作系统内核，专为微控制器和小型系统设计。它具有以下特点：</p>
            <ul>
                <li><strong>开源免费</strong>：完全免费用于商业用途</li>
                <li><strong>小巧高效</strong>：内核可小至几KB</li>
                <li><strong>可移植性</strong>：支持多种处理器架构</li>
                <li><strong>实时性</strong>：确定性的任务调度和响应</li>
                <li><strong>丰富功能</strong>：任务管理、队列、信号量、定时器等</li>
            </ul>
            
            <h3>学习建议</h3>
            <p>建议按照目录顺序逐步学习，理解每个概念后再进入下一个主题。每个章节都包含详细的API说明和使用示例。</p>
        </div>
    </div>

    <footer class="footer">
        <p>FreeRTOS学习笔记 &copy; 2025</p>
        <p>作者: zou.commit()</p>
    </footer>
</body>
</html>